<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
    <div class="container">
      <a class="navbar-brand" href="#">
          <img src="images/logo.jpg" alt="">
      </a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarNavDropdown">
        <ul class="navbar-nav">
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
              HOME
            </a>
            <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
              <a class="dropdown-item" href="#">Action</a>
              <a class="dropdown-item" href="#">Another action</a>
              <a class="dropdown-item" href="#">Something else here</a>
            </div>
          </li>
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
              FEATURES
            </a>
            <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
              <a class="dropdown-item" href="#">Action</a>
              <a class="dropdown-item" href="#">Another action</a>
              <a class="dropdown-item" href="#">Something else here</a>
            </div>
          </li>
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
              PAGES
            </a>
            <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
              <a class="dropdown-item" href="#">Action</a>
              <a class="dropdown-item" href="#">Another action</a>
              <a class="dropdown-item" href="#">Something else here</a>
            </div>
          </li>
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
              PORTFOLIO
            </a>
            <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
              <a class="dropdown-item" href="#">Action</a>
              <a class="dropdown-item" href="#">Another action</a>
              <a class="dropdown-item" href="#">Something else here</a>
            </div>
          </li>
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
              BLOG
            </a>
            <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
              <a class="dropdown-item" href="#">Action</a>
              <a class="dropdown-item" href="#">Another action</a>
              <a class="dropdown-item" href="#">Something else here</a>
            </div>
          </li>
          <li class="nav-item active">
            <a class="nav-link" href="#">
                <img src="images/nav-1.jpg" alt="">UPGRADE TO PRO <span class="sr-only">(current)</span>
            </a>
          </li>
        </ul>
      </div>
    </div>
</nav>
<main>
    <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
        </ol>
        <div class="carousel-inner">
            <div class="carousel-item active">
              <img src="images/banner.png" class="d-block w-100" alt="...">
              <div class="text">
                  <h1>EASY TO CUSTOMIZE</h1>
                  <p>Readable code,well documented and FREE support</p>
                  <p><a href="#">LEARN MORE</a></p>
              </div>
            </div>
            <div class="carousel-item">
              <img src="images/banner.png" class="d-block w-100" alt="...">
              <div class="text">
                  <h1>EASY TO CUSTOMIZE</h1>
                  <p>Readable code,well documented and FREE support</p>
                  <p><a href="#">LEARN MORE</a></p>
              </div>
            </div>
            <div class="carousel-item">
              <img src="images/banner.png" class="d-block w-100" alt="...">
              <div class="text">
                  <h1>EASY TO CUSTOMIZE</h1>
                  <p>Readable code,well documented and FREE support</p>
                  <p><a href="#">LEARN MORE</a></p>
              </div>
            </div>
        </div>
        <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
    <div class="stro">
        <div class="container">
            <div class="row">
                <div class="col-md-3 line">
                    <img src="images/stro-1.png" alt="">
                    <p>STRONG STRUCTURE</p>
                </div>
                <div class="col-md-3 line">
                    <img src="images/stro-2.png" alt="">
                    <p>GLOBAL SERVICES</p>
                </div>
                <div class="col-md-3 line">
                    <img src="images/stro-3.png" alt="">
                    <p>DYNAMIC CHANGE</p>
                </div>
                <div class="col-md-3">
                    <img src="images/stro-4.png" alt="">
                    <p>EXPONENTIAL GROWTH</p>
                </div>
            </div>
        </div>
    </div>
    <div class="know">
        <div class="container">
           <div class="row">
            <div class="col-md-6 text-1">
                <p><b>KNOW BETTER</b></p>
                <p>……</p>
                <p>Synerg vistlcally procrastinate one-to-one results for accurate platforms.Assertively whiteboard corporate users whereas dynamic initiatives.</p>
                <p>Energistically archit ieading-edge users and inexpensive internal or "organic"sources. Distinctively evolve ebusiness resources after progressive intellectual capital.Objectively architect maintainable technologies via strategic convergence.Continually optomize stand-alone expertise with e-business e-services.Continually concepualize cliered opportunities and.</p>
                <p>Dynamically customize backward-compatible processes via front-end models.Distinctively evisculate an expanded array of scenarios after virtual information.professionally predominate technically sound resources through impactful mindshare.Efficiently drive viral interfaces without inexpensive value.Credibly.</p>
            </div>
            <div class="col-md-6">
                <img class="w-100" src="images/know.png" alt="">
            </div>
           </div>
        </div>
    </div>
    <div class="goal">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <div class="left">
                        <img src="images/goal-1.png" alt="">
                    </div>
                    <div class="right">
                        <h3>GOAL　ORIENTED</h3>
                        <P>Holisticly harness just in time technologies via corporate scenarios.lntrinsicl predominate ubiquitous outsourcing through an expanded array array of functionalities</P>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="left">
                        <img src="images/goal-2.png" alt="">
                    </div>
                    <div class="right">
                        <h3>GLOBAL SERVLCE</h3>
                        <P>Holistcly harnes just in time techonlolgies via corporate scenarios. Intrinsicly Predominate ubiquitous outsourcing through an expanded array of functionalities.</P>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div class="left">
                        <img src="images/goal-3.png" alt="">
                    </div>
                    <div class="right">
                        <h3>DYNAMLC CHANGE</h3>
                        <P>Holisticly harness just in time technologies via corporate scenarios.lntrinsicl predominate ubiquitous outsourcing through an expanded array array of functionalities</P>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="left">
                        <img src="images/goal-4.png" alt="">
                    </div>
                    <div class="right">
                        <h3>PROFESSLONAL SUPPORL</h3>
                        <P>Holistcly harnes just in time techonlolgies via corporate scenarios. Intrinsicly Predominate ubiquitous outsourcing through an expanded array of functionalities.</P>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="ultra">
        <div class="container">
            <img src="images/ultra-1.jpg" alt="">
            <h3>ULTRA RESPONSIVE</h3>
            <p>Phosfluorescently reovlutionize viral leadership via turnkey technology.Synergistically monetize monetize intermandated straegic theme ares through multimedia based.</p>
            <div class="xxk">
                <ul>
                    <li><a href="">Responsive</a></li>
                    <li><a href="">Easy to Customize</a></li>
                    <li><a href="">Design</a></li>
                    <li><a href="">Free Updates & Support</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="recent">
        <div class="container">
            <div class="top">
                <h5>RECENT WORKS</h5>
                <button class="but-1">See all works</button>
            </div>
            <p>......</p>
            <div class="row">
                <div class="col-md-4">
                    <img src="images/recent-1.jpg" alt="">
                </div>
                <div class="col-md-4">
                    <img src="images/recent-2.jpg" alt="">
                </div>
                <div class="col-md-4">
                    <img src="images/recent-3.jpg" alt="">
                </div>
            </div>
        </div>
    </div>
    <div class="latest">
        <div class="container">
           <h5>LATEST NEWS</h5>
           <p>......</p>
            <div class="row">
                <div class="col-md-4 IN">
                    <img src="images/latest-1.jpg" alt="">
                    <h5>In Demand:Collaboration Skill</h5>
                    <p>Phosfluorescently reovlutionize viral leadership via turnkey technology .Synergistically monetize monetize intermandated Predominte interoperbie growth strategies. 23-02-201565 Comments</p>
                </div>
                <div class="col-md-4 growth">
                    <div class="dv1">
                        <div class="left">
                            <img src="images/latest-2.jpg" alt="">
                        </div>
                        <div class="right">
                            <p>Growth Strateqies We Must K...</p>
                            <p>Proactively engage orthogonal growth stragies without resoure- leveling resting proccedures.</p>
                        </div>
                   </div>
                    <div class="dv1">
                        <div class="left">
                            <img src="images/latest-3.jpg" alt="">
                        </div>
                        <div class="right">
                            <p>Products Research Methodolo..</p>
                            <p>Proactively engage orthogonal growth stragies without resoure- leveling resting proccedures.</p>
                        </div>
                   </div>
                    <div class="dv1">
                        <div class="left">
                            <img src="images/latest-4.jpg" alt="">
                        </div>
                        <div class="right">
                            <p>Professional Leverage...</p>
                            <p>Proactively engage orthogonal growth stragies without resoure- leveling resting proccedures.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="dv1">
                        <div class="left">
                            <img src="images/latest-5.jpg" alt="">
                        </div>
                        <div class="right">
                            <p>Products Research Methodolo...</p>
                            <p>Proactively engage orthogonal growth stragies without resoure- leveling resting proccedures.</p>
                        </div>
                    </div>
                    <div class="dv1">
                        <div class="left">
                            <img src="images/latest-6.jpg" alt="">
                        </div>
                        <div class="right">
                            <p>Altdernative E-commerce</p>
                            <p>Proactively engage orthogonal growth stragies without resoure- leveling resting proccedures.</p>
                        </div>
                    </div>
                    <button class="but2">Seel all news→</button>
                </div>
            </div>
        </div>
    </div>
    <div class="projects">
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <div class="left">
                        <img src="images/chatou1.jpg" alt="">
                    </div>
                    <div class="right">
                        <h3>5200</h3>
                        <p>SUBSCRBERS</p>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="left">
                        <img src="images/chatou2.jpg" alt="">
                    </div>
                    <div class="right">
                        <h3>273</h3>
                        <p>PROJECTS</p>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="left">
                        <img src="images/chatou3.jpg" alt="">
                    </div>
                    <div class="right">
                        <h3>640K</h3>
                        <p>PROJECTS</p>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="left">
                        <img src="images/chatou4.jpg" alt="">
                    </div>
                    <div class="right">
                        <h3>132</h3>
                        <p>CLIENTS</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="get">
        <div class="container">
            <h1>GET IN TOUCH</h1>
            <h3>Call us(1800)765-4321-4321 or</h3>
            <button class="but3">CONTACT US</button>
        </div>
    </div>
</main>
<footer>
    <div class="container">
        <div class="row">
            <div class="col-md-4 logo">
                <img src="images/footer-1.jpg" alt="">
                <p>Proactively engage orthogonal growth stragies without resoure- leveling resting proccedures Proactively engage orthogonal growth stragies without resoure- leveling resting proccedures</p>
                <p>1234 North Main Street</p>
                <p>New York,NY 222222</p>
                <p>phone:(1800)765-4321</p>
                <p>Emall:email@yourdoman.com</p>
            </div>
            <div class="col-md-4 list">
                <h5>USEFUL LINKS</h5>
                <ul class="f-u1">
                    <li><a href="">About Us</a></li>
                    <li><a href="">News</a></li>
                    <li><a href="">Community</a></li>
                    <li><a href="">Career</a></li>
                    <li><a href="">Blog</a></li>
                </ul>
                <ul class="f-u2">
                    <li><a href="">Press Kit</a></li>
                    <li><a href="">FAQ</a></li>
                    <li><a href="">Terms</a></li>
                    <li><a href="">Privary Pollcy</a></li>
                    <li><a href="">Contact Us</a></li>
                </ul>
            </div>
            <div class="col-md-4 copy">
                <h5>NEWSLETTER</h5>
                <P>Get the latest update from us by subscribing to our newsletter.</P>
                <input class="f-text" type="text" placeholder="youremail@domain.com">
                <input class="f-but" type="button" value="SUBSCRIBE">
                <h5 class="f-h5">GET CONNECTED</h5>
                <ul class="f-u3">
                    <li><img src="images/footer-2.jpg" alt=""></li>
                    <li><img src="images/footer-3.jpg" alt=""></li>
                    <li><img src="images/footer-4.jpg" alt=""></li>
                    <li><img src="images/footer-5.jpg" alt=""></li>
                </ul>
            </div>
        </div>
    </div>
</footer>
<div class="footer-1">
    <div class="container">
        <p>More Templates-Collect from</p>
    </div>
</div>


<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
</body>
</html>